<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- Custom styles for this template -->
<link href="/${initParam.context_root }/css/starter-template.css" rel="stylesheet">
<script type="text/javascript">
	function submitBtn() {
		document.sub.submit();
	}
</script>
<body>
	<div class="container a">

		<div class="starter-template">
			<h1>지금부터 당신에 마음의 소리를 듣겠습니다.</h1>
			<br>
			<p class="lead">
				 지금부터 23개의 문항에 최대한 솔직하고 빠르게 답해주세요. <br>설문은 한 계정에 한번만 가능합니다. 전송된 결과는 수정되지 않습니다. <br>그럼 시작합니다.
			<p></p>
			<p></p>
			<p></p>
			<p></p>
			<br>
			<!-- Button trigger modal -->
			<form action="/${initParam.context_root }/dating/answer.do" method="post" name="sub">

			<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#q1">START</button>

			
			<!-- 여기서 로그인된 아이디와 닉네임을 히든값으로 넘겨야 한다! 수정바람  -->
			<input type="hidden" name="id" value="${sessionScope.login_info.id}" /> 
			<input type="hidden" name="nickname" value="${sessionScope.login_info.nickname}" /> 
				<!-- 가치관 질문 9가지-->
				<div class="modal fade" id="q1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">첫번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 운명이나 사후세계를 믿으십니까?</h4>
								<br> <input type="radio" name="no1" value=0 checked>믿는다&nbsp; <input type="radio" name="no1" value=1>믿지 않는다

							</div>
							<div class="modal-footer">
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0"
										aria-valuemax="100" style="width: 0%">
										<span style="color: black">1/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q2">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q2 -->
				<div class="modal fade" id="q2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">두번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 인생에서 하나만 선택해야 한다면 무엇을 고르시겠습니까?</h4>
								<br> <input type="radio" name="no2" value=0 checked>돈&nbsp; <input type="radio" name="no2" value=1>명예&nbsp; <input
									type="radio" name="no2" value=2>권력&nbsp; <input type="radio" name="no2" value=3>사랑

							</div>
							<div class="modal-footer">
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="4.35"
										aria-valuemin="0" aria-valuemax="100" style="width: 4.35%">
										<span style="color: black">2/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q1">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q3">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q3 -->
				<div class="modal fade" id="q3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">세번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신의 정치관은 어느쪽에 가깝습니까?</h4>
								<br> <input type="radio" name="no3" value=0 checked>진보적&nbsp; <input type="radio" name="no3" value=1>보수적&nbsp;
								<input type="radio" name="no3" value=2>어느쪽도 아님
							</div>
							<div class="modal-footer">
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="8.7"
										aria-valuemin="0" aria-valuemax="100" style="width: 8.7%">
										<span style="color: black">3/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q2">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q4">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- q4 -->
				<div class="modal fade" id="q4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">네번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>행복에 있어서 당신에게 돈이 차지하는 비중은 어느 정도입니까?</h4>
								<br> <input type="radio" name="no4" value=0 checked>매우 많다&nbsp; <input type="radio" name="no4" value=1>많다
								&nbsp; <input type="radio" name="no4" value=2>중간이다 &nbsp; <input type="radio" name="no4" value=3>적다 &nbsp;
								<input type="radio" name="no4" value=4>매우 적다
							</div>
							<div class="modal-footer">
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="13.05"
										aria-valuemin="0" aria-valuemax="100" style="width: 13.05%">
										<span style="color: black">4/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q3">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q5">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q5 -->
				<div class="modal fade" id="q5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">다섯번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 인생에 있어서 '운'과 '노력'중에 어느것이 더 중요하다고 생각하십니까?</h4>
								<br> <input type="radio" name="no5" value=0 checked>운 &nbsp; <input type="radio" name="no5" value=1>노력 &nbsp;
							</div>
							<div class="modal-footer">
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="17.4"
										aria-valuemin="0" aria-valuemax="100" style="width: 17.4%">
										<span style="color: black">5/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q4">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q6">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- q6 -->
				<div class="modal fade" id="q6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">여섯번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>불의를 보면 나는 주로?</h4>
								<br> <input type="radio" name="no6" value=0 checked>참는 편이다 &nbsp; <input type="radio" name="no6" value=1>맞서는
								편이다 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="21.75"
										aria-valuemin="0" aria-valuemax="100" style="width: 21.75%">
										<span style="color: black">6/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q5">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q7">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q7 -->
				<div class="modal fade" id="q7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">일곱번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>횡단보도가 적색신호일 때 주변에 차가 없다며 나는?</h4>
								<br> <input type="radio" name="no7" value=0 checked>건너는 편이다 &nbsp; <input type="radio" name="no7" value=1>신호가
								바뀔때까지 기다린다 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="26.1"
										aria-valuemin="0" aria-valuemax="100" style="width: 26.1%">
										<span style="color: black">7/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q6">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q8">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>


				<!-- q8 -->
				<div class="modal fade" id="q8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">여덟번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>이성과 감성 중에 당신이 더 중요하게 생각하는 것은 무엇입니까?</h4>
								<br> <input type="radio" name="no8" value=0 checked>이성&nbsp; <input type="radio" name="no8" value=1>감성
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="30.45"
										aria-valuemin="0" aria-valuemax="100" style="width: 30.45%">
										<span style="color: black">8/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q7">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q9">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q9 -->
				<div class="modal fade" id="q9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">아홉번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>10명을 살리기 위해 한명을 희생시켜야하는 순간이 온다면 당신은 어떻게 하시겠습니까?</h4>
								<br> <input type="radio" name="no9" value=0 checked>한다 &nbsp; <input type="radio" name="no9" value=1>하지 않는다
								&nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="34.8"
										aria-valuemin="0" aria-valuemax="100" style="width: 34.8%">
										<span style="color: black">9/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q8">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q10">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- 생활양식 질문 -->
				<!-- q10 -->
				<div class="modal fade" id="q10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신의 종교는 무엇입니까?</h4>
								<br> <input type="radio" name="no10" value=0 checked>개신교&nbsp; <input type="radio" name="no10" value=1>천주교
								&nbsp; <input type="radio" name="no10" value=2>불교 &nbsp; <input type="radio" name="no10" value=3>이슬람
								&nbsp; <input type="radio" name="no10" value=4>무교
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="39.15"
										aria-valuemin="0" aria-valuemax="100" style="width: 39.15%">
										<span style="color: black">10/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q9">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q11">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q11 -->
				<div class="modal fade" id="q11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열한번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 주로 활동적인 사람입니까? 정적인 사람입니까?</h4>
								<br> <input type="radio" name="no11" value=0 checked>활동적인 편 &nbsp; <input type="radio" name="no11" value=1>정적인
								편
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="43.5"
										aria-valuemin="0" aria-valuemax="100" style="width: 43.5%">
										<span style="color: black">11/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q10">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q12">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q12 -->
				<div class="modal fade" id="q12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열두번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>여행을 간다면 어디로 가고 싶으십니까?</h4>
								<br> <input type="radio" name="no12" value=0 checked>휴양지 &nbsp; <input type="radio" name="no12" value=1>유럽
								&nbsp; <input type="radio" name="no12" value=2>아시아 &nbsp; <input type="radio" name="no12" value=3>기타 오지
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="47.85"
										aria-valuemin="0" aria-valuemax="100" style="width: 47.85%">
										<span style="color: black">12/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q11">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q13">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q13 -->
				<div class="modal fade" id="q13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열세번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 어떤 형태의 소비를 선호하십니까?</h4>
								<br> <input type="radio" name="no13" value=0 checked>비싼 제품을 꼭 필요할때 산다 &nbsp; <input type="radio" name="no13" value=1>저렴한
								제품을 자주 산다
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="52.2"
										aria-valuemin="0" aria-valuemax="100" style="width: 52.2%">
										<span style="color: black">13/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q12">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q14">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q14-->
				<div class="modal fade" id="q14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열네번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 주로 계획적인 편입니까? 즉흥적으로 일을 처리하는 편입니까?</h4>
								<br> <input type="radio" name="no14" value=0 checked>계획적인 편 &nbsp; <input type="radio" name="no14" value=1>즉흥적인
								편
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="56.55"
										aria-valuemin="0" aria-valuemax="100" style="width: 56.55%">
										<span style="color: black">14/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q13">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q15">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- q15 -->
				<div class="modal fade" id="q15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열다섯번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>미래는 착실히 준비되어야 한다고 생각하십니까?</h4>
								<br> <input type="radio" name="no15" value=0 checked>그렇다 &nbsp; <input type="radio" name="no15" value=1>아니다
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="60.9"
										aria-valuemin="0" aria-valuemax="100" style="width: 60.9%">
										<span style="color: black">15/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q14">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q16">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q16 -->
				<div class="modal fade" id="q16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열여섯번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>만약 매일 먹어야 한다면 어느나라 음식을 드시겠습니까?</h4>
								<br> <input type="radio" name="no16" value=0 checked>한식 &nbsp; <input type="radio" name="no16" value=1>양식
								&nbsp; <input type="radio" name="no16" value=2>중식 &nbsp; <input type="radio" name="no16" value=3>일식 &nbsp;
								<input type="radio" name="no16" value=4>기타
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="65.25"
										aria-valuemin="0" aria-valuemax="100" style="width: 65.25%">
										<span style="color: black">16/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q15">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q17">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- 애정관에 관한 질문 -->
				<!-- q17 -->
				<div class="modal fade" id="q17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열일곱번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>우정과 사랑 중에 당신에게 더 소중한 것은 무엇입니까?</h4>
								<br> <input type="radio" name="no17" value=0 checked>우정 &nbsp; <input type="radio" name="no17" value=1>사랑
								&nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="69.6"
										aria-valuemin="0" aria-valuemax="100" style="width: 69.6%">
										<span style="color: black">17/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q16">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q18">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q18 -->
				<div class="modal fade" id="q18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열여덟번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>결혼은 언제 하는게 좋다고 생각하십니까?</h4>
								<br> <input type="radio" name="no18" value=0 checked>최대한 빨리 &nbsp; <input type="radio" name="no18" value=1>내가
								생각한 나이가 되면 &nbsp; <input type="radio" name="no18" value=2>죽음과 결혼은 되도록 미루는게 좋다 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="73.95"
										aria-valuemin="0" aria-valuemax="100" style="width: 73.95%">
										<span style="color: black">18/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q17">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q19">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>


				<!-- q19 -->
				<div class="modal fade" id="q19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">열아홉번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>당신은 속궁합에 대해서 어떻게 생각하십니까?</h4>
								<br> <input type="radio" name="no19" value=0 checked>중요하다 &nbsp; <input type="radio" name="no19" value=1>중요하지
								않다 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="78.3"
										aria-valuemin="0" aria-valuemax="100" style="width: 78.3%">
										<span style="color: black">19/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q18">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q20">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- q20 -->
				<div class="modal fade" id="q20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">스무번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>하루동안 애인과의 적정 연락 빈도에 대해서 어떻게 생각하십니까?</h4>
								<br> <input type="radio" name="no20" value=0 checked>틈날때 마다 &nbsp; <input type="radio" name="no20" value=1>이벤트가
								발생할 때마다 &nbsp; <input type="radio" name="no20" value=2>일어나서 한번, 잘때 한번 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="82.65"
										aria-valuemin="0" aria-valuemax="100" style="width: 82.65%">
										<span style="color: black">20/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q19">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q21">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q21 -->
				<div class="modal fade" id="q21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">스물한번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>마음에 드는 상대를 만났을때 당신이 처음 보는 곳은?</h4>
								<br> <input type="radio" name="no21" value=0 checked>얼굴 &nbsp; <input type="radio" name="no21" value=1>바디
								&nbsp; <input type="radio" name="no21" value=2>성기 &nbsp; <input type="radio" name="no21" value=3>그외 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="87"
										aria-valuemin="0" aria-valuemax="100" style="width: 87%">
										<span style="color: black">21/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q20">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q22">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q22 -->
				<div class="modal fade" id="q22" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">스물두번째 질문</h3>
							</div>
							<div class="modal-body">
								<h4>애인이 있는 상태에서 100억대 자산가가 당신에게 접근해 온다면?</h4>
								<br> <input type="radio" name="no22" value=0 checked>거절한다 &nbsp; <input type="radio" name="no22" value=1>환승한다
								&nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="91.35"
										aria-valuemin="0" aria-valuemax="100" style="width: 91.35%">
										<span style="color: black">22/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q21">Previous</button>
								<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#q23">Next</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

				<!-- q23 마지막 질문 -->
				<div class="modal fade" id="q23" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title">마지막 질문</h3>
							</div>
							<div class="modal-body">
								<h4>사랑을 시작하기 전에 신중하게 알아보고 만나는 편인가? 아니면 일단 만나보고 알아보는 편인가?</h4>
								<br> <input type="radio" name="no23" value=0 checked>최대한 알아보고 만난다 &nbsp; <input type="radio" name="no23" value=1>일단
								만나보면서 알아간다 &nbsp;
							</div>
							<div class="modal-footer">
							<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="95.7"
										aria-valuemin="0" aria-valuemax="100" style="width: 95.7%">
										<span style="color: black">23/23% </span>
									</div>
								</div>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="button" class="btn btn-warning" data-dismiss="modal" data-toggle="modal" data-target="#q22">Previous</button>
								<input type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" value="전송완료" onclick="submitBtn()">
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>

		</form>
			<!-- /.modal -->
		</div>

	</div>
	<!-- /.container -->
</body>
